<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <link rel="stylesheet" href="./css/list.css">
    <link rel="stylesheet" href="./static/iconfont/iconfont.css">
    <title>商品列表页</title>
</head>

<body>

    <!-- top模块 -->
    <div class="top">
        <img src="https://res7.vmallres.com/shopdc/pic/202161/94cfa4f7-3528-42cb-a933-b68f31411680.jpg" alt="">
        <div class="login">
            <div class="login-left">
                <span><a href="javascript:;">华为168</a></span>
                <span><a href="javascript:;">智能家居168</a></span>
                <span><a href="javascript:;">华为智选168</a></span>
            </div>
            <div class="login-right">
                <span class="iconfont">&#xe615;</span>
                <span><a href="javascript:;">登录</a></span>
                <span>|</span>
                <span><a href="./shopcart.html">购物页</a></span>
            </div>
        </div>
    </div>
    <!-- 二级菜单模块 -->
    <div class="menu">

    </div>
    <!-- banner图模块 -->
    <div class="banner">
        <a href="javascript:;">
            <img src="https://res3.vmallres.com/shopdc/pic/202166/c2a87db4-522c-4f85-b4b5-2beb78ad6e58.jpg" alt=""
                title="众多好货赶紧抢">
        </a>
    </div>
    <!-- box模块 -->
    <div class="box">
        <div class="ad">
            <a href="javascripts:;">
                <img src="https://res1.vmallres.com/shopdc/pic/202166/b12a47f3-ccf0-4840-8407-eeca170f6a74.png" alt=""
                    title="全场秒杀 杀杀杀">
            </a>
            <a href="javascript:;">
                <img src="https://res0.vmallres.com/shopdc/pic/202166/2b15c7fe-984a-4aa3-87a0-1d83e44ce46f.png" alt=""
                    title="优惠券 抢抢抢">
            </a>
            <div class="hei">
                <a href="javascript:;">
                    <img src="https://res4.vmallres.com/shopdc/pic/202162/a896a0b6-e0fa-4731-843e-1e08b0323e81.jpg"
                        alt="" title="点击前往发布会">
                </a>
            </div>

        </div>
        <!-- 穿戴音频video模块 -->
        <div class="video">
            <img src="https://res1.vmallres.com/shopdc/pic/202166/b7561778-5f1a-46e5-a3b5-1761a290ea69.png" alt="">
            <div class="group">
                <!-- <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div> -->
            </div>
        </div>
        <!-- clearfix模块 -->
        <div class="clearfix">

            <div class="container">
                <div class="small-img">
                    <img src="https://img.500px.me/photo/3c53a8c8f453aa02f5a0a6b5276757164/0eb3e0c7e2dc4a73a74ff5b40f5fa24f.jpg!p4"
                        alt="">
                    <div class="focus"></div>

                </div>
                <div class="big-img">
                    <img src="https://img.500px.me/photo/3c53a8c8f453aa02f5a0a6b5276757164/0eb3e0c7e2dc4a73a74ff5b40f5fa24f.jpg!p4"
                        alt="">
                </div>
            </div>

            <div class="property"></div>
        </div>
    </div>
    <div class="bottom">
        <img src="https://res.vmallres.com/pimages/detailImg/2020/12/26/93393FB9B16701AA0C5C5AAB4D2FB4593694EDEF8B0C6CA3.jpg"
            alt="">
    </div>
</body>
<script src="./static/javascripts/jQuery.js"></script>
<script src="./javascripts/list.js"></script>

</html>